(function(){
  //发送ajax请求
  ajax({
    url:"http://localhost:3000/useraccount",//user是服务器中挂载""中的路径名称
    type:"get",
    //data:,
    dataType:"json" //自动JSON.parse()
  })//return Promise
    //  onreadystatechange中: 
    //           result <- 收到服务端的
    //  然后把result放入
    //              ↓
    //      open(result)
    //              ↓
  .then(function(result){
    console.log(result);
    var table=document.createElement("table");

    //var thead=document.createElement("thead");
    //table.appendChild("thead")
    var thead=table.createTHead();

    //var tr=document.createElement("tr");
    //thead.appendChild(tr);
    var tr=thead.insertRow();

      for(var key in result[0]){
       // var th=document.createElement("th") 
        //th.innerHTML=key;
        //thead.appendChild(th)
        tr.insertCell().innerHTML=key;
      }
      tr.insertCell().innerHTML="操作"
      console.log(thead);
      var tbody=table.createTBody();
      for(var emp of result){
        //var tr=document.createElement("tr");
        //tbody.appendChild(tr);
        var tr=tbody.insertRow();
        for(var key in emp){
          // var td=document.createElement("td");
          // tr.appendChild(td);
          // td.innerHTML=emp[key];//当前属性的值
          tr.insertCell().innerHTML=emp[key]
        }
        var upDate=document.createElement("button");
        upDate.value="修改"
        tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
      }
    console.log(table);
    var product=document.getElementById("userAccount");
    product.appendChild(table);
  })
})()

//可以点掉增加用户的界面
var x=document.getElementsByClassName("more")[0].children[1];
x.onclick=function(){
  this.parentNode.style.display="none";
}

var UP=document.getElementById("userAccount");
var Account=document.getElementById("Account");
var Uid=document.getElementById("Uid");
var Uname=document.getElementById("Uname");

UP.onclick=function(e){
  var elem=e.target
  if(elem.nodeName=="A"){
     Account.style.display="block";
     var father=elem.parentNode.parentNode
     Uid.innerHTML=father.children[0].innerHTML
     Uname.innerHTML=father.children[1].innerHTML
  } 
}
var sure=Account.children[0].lastElementChild;
console.log(sure);
sure.onclick=function(){
  
  var uid=Uid.innerHTML;
  var uname=Uname.innerHTML;
  confirm("确定要修改用户"+uname+"的账户余额吗？")
  var updatedAccount=document.getElementById("updatedAccount").value;
  var formdata="uid="+uid+"&updatedAccount="+updatedAccount;
  ajax({
    url:"http://localhost:3000/useraccount/update",//user是服务器中挂载""中的路径名称
    type:"post",
    data:formdata,
    dataType:"json" //自动JSON.parse()
  })
  .then(function(result){
    if(result=="200"){
      alert("修改成功！！！")
    }
    window.location.reload();
  })
}
